<!DOCTYPE html>
<html>
<head>
    <title>新闻中心 {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <hook name="before_head_end"/>
</head>
<body class="page-index">
<div class="container">
    <include file="public@nav"/>
    <div class="contents">
        <!--活动通知/公告-->
        <div class="activity">
            <div class="title">
                <ul class="news-title">
                    <li class="title-item active"><a href="javascript:;">志愿者故事</a></li>
                    <li class="title-item"><a href="javascript:;">志愿者心情</a></li>
                    <li class="title-item"><a href="javascript:;">志愿者人物</a></li>
                    <li class="title-item"><a href="javascript:;">志愿活动图片</a></li>
                    <li class="title-item"><a href="javascript:;">优秀志愿者</a></li>
                </ul>
            </div>
            <div class="box-cont">
                <div class="act-forenotice show">
                    <div class="notice">
                        <foreach name="list_1" id="vo">
                            <div class="blockSty">
                                <a href="{:url('new/detail',['id'=>$vo.post.id])}" target="_blank">
                                    <div>
                                        <img src="/html/img/list.png" class="listImg">
                                        <div class="blockTitle">{$vo.post.post_title}</div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    <div class="timeAdd">
                                        <i class="layui-icon layui-icon-log"></i> {$vo.post.published_time|date="Y/d/m H:i:s"}
                                        <!--<text class="jgSty"></text>-->
                                        <!--<i class="layui-icon layui-icon-location"></i> 山东省日照市阳光海岸社区-->
                                    </div>
                                </a>
                            </div>
                        </foreach>
                    </div>
                    <ul class="pagination">{$list_1->render()}</ul>
                </div>
                <div class="act-forenotice hidden">
                    <div class="notice">
                        <foreach name="list_2" id="vo">
                            <div class="blockSty">
                                <a href="{:url('new/detail',['id'=>$vo.post.id])}" target="_blank">
                                    <div>
                                        <img src="/html/img/list.png" class="listImg">
                                        <div class="blockTitle">{$vo.post.post_title}</div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    <div class="timeAdd">
                                        <i class="layui-icon layui-icon-log">{$vo.post.published_time|date="Y/d/m H:i:s"}</i>
                                    </div>
                                </a>
                            </div>
                        </foreach>

                    </div>
                    <ul class="pagination">{$list_2->render()}</ul>
                </div>

                <div class="act-forenotice hidden">
                    <div class="notice">
                        <foreach name="list_3" id="vo">
                            <div class="blockSty">
                                <a href="{:url('new/detail',['id'=>$vo.post.id])}" target="_blank">
                                    <div>
                                        <img src="/html/img/list.png" class="listImg">
                                        <div class="blockTitle">{$vo.post.post_title}</div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    <div class="timeAdd">
                                        <i class="layui-icon layui-icon-log"></i> {$vo.post.published_time|date="Y/d/m H:i:s"}
                                        <!--<text class="jgSty"></text>-->
                                        <!--<i class="layui-icon layui-icon-location"></i> 山东省日照市阳光海岸社区-->
                                    </div>
                                </a>
                            </div>
                        </foreach>
                    </div>
                    <ul class="pagination">{$list_3->render()}</ul>
                </div>
                <div class="act-forenotice hidden">
                    <div class="notice">
                        <foreach name="list_4" id="vo">
                            <div class="blockSty">
                                <a href="{:url('new/detail',['id'=>$vo.post.id])}" target="_blank">
                                    <div>
                                        <img src="/html/img/list.png" class="listImg">
                                        <div class="blockTitle">{$vo.post.post_title}</div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    <div class="timeAdd">
                                        <i class="layui-icon layui-icon-log">{$vo.post.published_time|date="Y/d/m H:i:s"}</i>
                                    </div>
                                </a>
                            </div>
                        </foreach>

                    </div>
                    <ul class="pagination">{$list_5->render()}</ul>
                </div>
                <div class="act-forenotice hidden">
                    <div class="notice">
                        <foreach name="list_4" id="vo">
                            <div class="blockSty">
                                <a href="{:url('new/detail',['id'=>$vo.post.id])}" target="_blank">
                                    <div>
                                        <img src="/html/img/list.png" class="listImg">
                                        <div class="blockTitle">{$vo.post.post_title}</div>
                                        <div style="clear: both;"></div>
                                    </div>
                                    <div class="timeAdd">
                                        <i class="layui-icon layui-icon-log">{$vo.post.published_time|date="Y/d/m H:i:s"}</i>
                                    </div>
                                </a>
                            </div>
                        </foreach>

                    </div>
                    <ul class="pagination">{$list_5->render()}</ul>
                </div>
            </div>
        </div>
        <div class="statistical">
            <div class="box">
                <div class="title"><h2>志愿活动图片</h2></div>
                <div class="headline">
                <div class="slider" style="width: 359px;height: 239px;">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><a href=""><img class="slide" src="/html/img/slide.jpg" title="这是第一张图片" ></a></div>
                        <div class="swiper-slide"><a href=""><img class="slide"  src="/html/img/slide.jpg" title="这是第二张图片"></a></div>
                    </div>
                </div>
                </div>
            </div>
            <div class="login box slideTxtBox">
                <div class="title"  style="margin-top:-120px"><h2>优秀志愿者</h2></div>
                <div class="box-cont hdtj bd">
                    <ul>
                        <li><img class="slide" src="/html/img/slide.jpg" title="这是第一张图片" ></li>
                    </ul>
                    <ul>
                        <li><img class="slide" src="/html/img/slide.jpg" title="这是第一张图片" ></li>
                    </ul>
                    <ul>
                        <li><img class="slide" src="/html/img/slide.jpg" title="这是第一张图片" ></li>
                    </ul>
                </div>
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>



    <include file="public@footer"/>
    <!-- /container -->
    <include file="public@scripts"/>
</script><script type="text/javascript" src="/html/js/jquery.SuperSlide.2.1.3.js"></script>
<script type="text/javascript">
    (function($){
        "use strict";
        function init_swiper(){
            new Swiper('.slider', {
                autoplay: true,//可选选项，自动滑动
            });
        }
        function bind_events(){
            $('.title .title-item').hover(function(e){
                e.preventDefault();
                var _index = $(this).index();
                $(this).addClass('active').siblings().removeClass('active');
                $('.activity .box-cont .act-forenotice').eq(_index).removeClass("hidden").addClass("show").siblings().removeClass("show").addClass("hidden");
            });
            $('.tab-ctrl-item').off("click").on("click",function(e){
                e.preventDefault();
                var _index = $(this).index();
                $(this).addClass('active').siblings().removeClass('active');
                $('.rank .tab-pannel div').eq(_index).removeClass("hidden").siblings().addClass("hidden");
            });
            $(".slideTxtBox").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:3,interTime:50,trigger:"click"});
            $(".act-forenotice").on("click", "a[class=page-link]", function () {
                var type_id=$(".title .active")[0].dataset.id
                $.get($(this).attr('href')+'&type_id='+type_id, function (html) {
                    var str=''
                    $.each(html.list.data,function(k,v){
                        str+=' <div class="notice"><div class="blockSty"> <a href="newDetail.html"> <div> <img src="/html/img/list.png" class="listImg"> <div class="blockTitle">'+v.post.post_title+'</div> <div style="clear: both;"></div> </div> <div class="timeAdd"> <i class="layui-icon layui-icon-log"></i>'+v.post.published_time +'</div> </a> </div> </div>';
                    })
                    str+='<ul class="pagination">'+html.page+'</ul>'
                    $('.show').html(str)
                });
                return false;
            })
        }

        $(function(){
            bind_events();
            init_swiper();
            $('.hdtj ul li:last').css("border","none");
        })
    })(jQuery);

//    layui
    layui.use(['laypage', 'layer'], function() {
        var laypage = layui.laypage
            , layer = layui.layer;
//        分页
        laypage.render({
            elem: 'listOne'
            ,count: 100
            ,layout: ['prev', 'page', 'next', 'skip' ,'count']
            ,prev: '<em>←</em>'
            ,next: '<em>→</em>'
            ,jump: function(obj){
                console.log(obj)
            }
        });
        laypage.render({
            elem: 'listTwo'
            ,count: 100
            ,layout: ['prev', 'page', 'next', 'skip' ,'count']
            ,prev: '<em>←</em>'
            ,next: '<em>→</em>'
            ,jump: function(obj){
                console.log(obj)
            }
        });
    });
</script>
</body>
</html>